<%@page contentType="text/html" pageEncoding="UTF-8"%>
<head>
    <script type="text/javascript">
    	var listarPacientes = function() {
        	$.post("pacienteListar.jsp", function(data) {
   				$("#pacienteListar").html(data);
    		});
    	}
    
        $(document).ready(function() {

        	listarPacientes();
        	
            $("input[type=button]").button().click(function(event) {
                event.preventDefault();
            });

            $("#mensagem").dialog({
            	autoOpen: false,
            	height: 200,
                width: 300,
                modal: true
            });
               
            
            $("#janelaAdd").dialog({
                autoOpen: false,
                height: 350,
                width: 350,
                modal: true,
                buttons: {
                	"Salvar": function() {
                		$(this).dialog("close");                    		
                		$.post("pacienteAddDestino.jsp", $("#pacienteAdd").serialize(), function(data) {
                			$('#mensagem').html(data);
                        	$("#mensagem").dialog("open");
                        	listarPacientes();
                		});
                	},
                    Cancel: function() {
                        $(this).dialog("close");
                    }
                }
            });

            $("#criar").button().click(function() {
            	$.get('pacienteAdd.jsp', function(data) {
            		$('#janelaAdd').html(data);
            	});
                $("#janelaAdd").dialog("open");
            });

            $("#filtroPaciente").keyup(function(){
            	$.post("pacienteListar.jsp", $("#formPacienteFiltroLista").serialize(), function(data) {
            		$("#pacienteListar").html(data);
        		});
            });
        });
    </script>
</head>
<body style="cursor: auto;">
    <div id="janelaAdd" title="Cadastrar Paciente"></div>
    <div id="janelaEdit" title="Editar Paciente"></div>
    <div id="msgConfirmar" title="Confirma&ccedil;&otilde;o"></div>
    <div id="mensagem" title="Mensagem"></div>
    <h1>Gest&atilde;o de Paciente</h1>
    <input type="button" id="criar" value="Novo">
    <form id="formPacienteFiltroLista" name="formPacienteFiltroLista">
    	<label for="filtroPaciente">Filtar:</label>
    	<input type="text" id="filtroPaciente" name="filtroPaciente"/>
    </form>
    <div id="pacienteListar" class="ui-widget listar"></div>
</body>

